<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        4.1鼠标样式cursor

        li {cursor: pointer; }

        设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。


        属性值          描述

        default        小白默认
        pointer        小手
        move           移动
        text           文本
        not-allowed    禁止

     -->
     <ul>
        <li style="cursor:default">你猜这是什么鼠标样式</li>
        <li style="cursor: pointer;">你猜这是什么鼠标样式</li>
        <li style="cursor:move">你猜这是什么鼠标样式</li>
        <li style="cursor:text">你猜这是什么鼠标样式</li>
        <li style="cursor:not-allowed">你猜这是什么鼠标样式</li>
     </ul>
</body>
</html>